import React from "react";

export default class Child1 extends React.Component {

  render() {
    // 可以在return 之前，把props解构赋值给变量
    const { msg, list } = this.props
    console.log(this.props); //{count: 0, msg: '子组件调用', list: Array(3), info: {…}}
    return (
      <>
        <div>
          {msg}
        </div>
        <ul>
          {
            list.map((el, index) => {
              return (<li key={index}>{el}</li>)
            })
          }
        </ul>
        {/*可以直接使用Props对象 */}
        <h1>
          {this.props.msg}
        </h1>
      </>
    )
  }

}